<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>网页作业</title>
<style type="text/css">
	body {background-color:#3A4BA7}
	.xingkong {
    position:absolute;
		left: 20%;
		top: 10%;
}
	.yinyue {
    position:absolute;
		left: 38%;
		top: 15%;
}
	.meishi {
    position:absolute;
		left: 56%;
		top: 14%;
}
	.e1 {
    position:absolute;
		left: 34.3%;
		top: 56%;
}
	.e2 {
    position:absolute;
		left: 51.7%;
		top: 60%;
}
	.e3 {
    position:absolute;
		left: 73%;
		top: 58%;
}
	.fanhuijian {
    position: fixed;
		left: 0%;
		top: 0%;
}
</style>
</head>

<body>
	<div class="xingkong">
	<a href="http://isaacasimov.gitee.io/final_page">
	<img src="星空.png" width="50%"></a></div>
	<div class="yinyue">
	<a href="http://zhaicongrong.gitee.io/university_computer_foundation">
	<img src="音乐.png" width="50%"></a></div>
	<div class="meishi">
	<a href="http://adamzheng.gitee.io/cabbage_is_not_sweet/">
	<img src="美食.png" width="50%"></a></div>
	<div class="e1">
	<a href="http://isaacasimov.gitee.io/final_page/">
		<img src="enter.png" width="13%"></a></div>
	<div class="e2">
	<a href="http://zhaicongrong.gitee.io/university_computer_foundation">
	<img src="enter.png" width="15%"></a></div>
	<div class="e3">
	<a href="http://adamzheng.gitee.io/cabbage_is_not_sweet/">
	<img src="enter.png" width="15%"></a></div>
	<div class="fanhuijian">
	<a href="http://cuiyuanhang2001.gitee.io/cyh2">
	<img src="键盘.png" width="20%"></a></div>
</body>
</html>

